<template>
  <a-spin :spinning="confirmLoading">
    <j-form-container :disabled="false">
      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
        <a-row :gutter="48">
          <a-col :span="24">
            <a-form-model-item label="经办人编号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="handlerId">
              <a-input :disabled="formDisabled" v-model="model.handlerId" :max-length="36" placeholder="请输入经办人编号" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="经办人部门ID" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="handlerDeptId">
              <a-input :disabled="formDisabled" v-model="model.handlerDeptId" :max-length="36" placeholder="请输入经办人部门ID" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="经办人部门编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="handlerDeptCode">
              <a-input :disabled="formDisabled" v-model="model.handlerDeptCode" :max-length="36" placeholder="请输入经办人部门编码" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="是否已删除" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="delFlag">
              <a-input :disabled="formDisabled" v-model="model.delFlag" :max-length="36" placeholder="请输入是否已删除" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="所属公司id" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="companyId">
              <a-input :disabled="formDisabled" v-model="model.companyId" :max-length="36" placeholder="请输入所属公司id" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="员工id" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="empId">
              <a-input :disabled="formDisabled" v-model="model.empId" :max-length="36" placeholder="请输入员工id" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="工资期间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="salaryPeriod">
              <j-date :disabled="formDisabled" placeholder="请选择工资期间" v-model="model.salaryPeriod" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="加1项" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="addOneItem">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.addOneItem"
                placeholder="请输入加1项"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="预发绩效" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pfmRep">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.pfmRep"
                placeholder="请输入预发绩效"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="预发绩效补发" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="payRtract">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.payRtract"
                placeholder="请输入预发绩效补发"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="工龄工资" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="seniorityAlw">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.seniorityAlw"
                placeholder="请输入工龄工资"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="执业金" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="practiceFee">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.practiceFee"
                placeholder="请输入执业金"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="报告审核费" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="reptAuditFee">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.reptAuditFee"
                placeholder="请输入报告审核费"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="项目绩效" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="prjPfm">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.prjPfm"
                placeholder="请输入项目绩效"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="效能工资" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="effectAlw">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.effectAlw"
                placeholder="请输入效能工资"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="餐补" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="mealAlw">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.mealAlw"
                placeholder="请输入餐补"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="住房补贴" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="housingAlw">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.housingAlw"
                placeholder="请输入住房补贴"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="通讯补贴" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="phoneAlw">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.phoneAlw"
                placeholder="请输入通讯补贴"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="外派补贴" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="assignAlw">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.assignAlw"
                placeholder="请输入外派补贴"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="专项支持费" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="spcSuptFee">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.spcSuptFee"
                placeholder="请输入专项支持费"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="公里数提现" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="fuelAlw">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.fuelAlw"
                placeholder="请输入公里数提现"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="应收账款奖励" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="actsRecevBonus">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.actsRecevBonus"
                placeholder="请输入应收账款奖励"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="宣传奖励" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="advtsmBonus">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.advtsmBonus"
                placeholder="请输入宣传奖励"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="其他奖励" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="otherBonus">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.otherBonus"
                placeholder="请输入其他奖励"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="前期已结算" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="preSettledBonus">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.preSettledBonus"
                placeholder="请输入前期已结算"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="加班工资" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="overttimePay">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.overttimePay"
                placeholder="请输入加班工资"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="其他加项" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="otherAddPay">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.otherAddPay"
                placeholder="请输入其他加项"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="试用期薪级工资扣款" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="prbtPayGradeDedution">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.prbtPayGradeDedution"
                placeholder="请输入试用期薪级工资扣款"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="入离职缺勤天数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="inAbsenceDays">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.inAbsenceDays"
                placeholder="请输入入离职缺勤天数"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="入离职缺勤扣款" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="inAbsenceDedution">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.inAbsenceDedution"
                placeholder="请输入入离职缺勤扣款"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="事假天数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="plDays">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.plDays"
                placeholder="请输入事假天数"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="事假扣款" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="plDedution">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.plDedution"
                placeholder="请输入事假扣款"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="病假天数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="slDays">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.slDays"
                placeholder="请输入病假天数"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="病假扣款" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="slDedution">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.slDedution"
                placeholder="请输入病假扣款"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="产假天数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="mlLeave">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.mlLeave"
                placeholder="请输入产假天数"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="产假扣款" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="mlDedution">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.mlDedution"
                placeholder="请输入产假扣款"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="迟到早退次数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wlLeNums">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.wlLeNums"
                placeholder="请输入迟到早退次数"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="迟到早退扣款" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wlLeDedution">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.wlLeDedution"
                placeholder="请输入迟到早退扣款"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="缺卡次数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="absDutyNums">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.absDutyNums"
                placeholder="请输入缺卡次数"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="缺卡扣款" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="absDutyDedution">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.absDutyDedution"
                placeholder="请输入缺卡扣款"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="旷工天数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="nglekWorkDays">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.nglekWorkDays"
                placeholder="请输入旷工天数"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="旷工扣款" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="nglekWorkDedution">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.nglekWorkDedution"
                placeholder="请输入旷工扣款"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="应收账款扣款" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="actsRecevDedution">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.actsRecevDedution"
                placeholder="请输入应收账款扣款"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="其他扣款" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="otherDedution">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.otherDedution"
                placeholder="请输入其他扣款"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="应发工资" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wagesPayable">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.wagesPayable"
                placeholder="请输入应发工资"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="年累计收入" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="yearlyIncome">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.yearlyIncome"
                placeholder="请输入年累计收入"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="所属年份" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="belongYear">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                v-model="model.belongYear"
                placeholder="请输入所属年份"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="下月个人社保" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="socialInsuranceNxt">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.socialInsuranceNxt"
                placeholder="请输入下月个人社保"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="当月个人公积金" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="providentFoudCurt">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.providentFoudCurt"
                placeholder="请输入当月个人公积金"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="五险一金累计扣款" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="insHsnAccuDedution">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.insHsnAccuDedution"
                placeholder="请输入五险一金累计扣款"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="年累计个税专项附加扣除金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="speExpAccuDedution">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.speExpAccuDedution"
                placeholder="请输入年累计个税专项附加扣除金额"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="年应预缴个人所得税" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="indivTaxAccuPre">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.indivTaxAccuPre"
                placeholder="请输入年应预缴个人所得税"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="年已预缴个人所得税金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="indivTaxAccuAlrd">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.indivTaxAccuAlrd"
                placeholder="请输入年已预缴个人所得税金额"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="本期应预缴个人所得税" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="currIndivTax">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.currIndivTax"
                placeholder="请输入本期应预缴个人所得税"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="前期已发放" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="earlyAlrdPaid">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.earlyAlrdPaid"
                placeholder="请输入前期已发放"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="实发工资" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="actlWagesPay">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.actlWagesPay"
                placeholder="请输入实发工资"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="匹配状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="matchStatus">
              <a-input :disabled="formDisabled" v-model="model.matchStatus" :max-length="36" placeholder="请输入匹配状态" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="通知状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="noticeStatus">
              <a-input :disabled="formDisabled" v-model="model.noticeStatus" :max-length="36" placeholder="请输入通知状态" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="员工姓名" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="empName">
              <a-input :disabled="formDisabled" v-model="model.empName" :max-length="36" placeholder="请输入员工姓名" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="工号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="empNo">
              <a-input :disabled="formDisabled" v-model="model.empNo" :max-length="36" placeholder="请输入工号" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="人员状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="empStatus">
              <a-input :disabled="formDisabled" v-model="model.empStatus" :max-length="36" placeholder="请输入人员状态" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="身份证号码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="idNo">
              <a-input :disabled="formDisabled" v-model="model.idNo" :max-length="36" placeholder="请输入身份证号码" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="所属公司名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="companyName">
              <a-input :disabled="formDisabled" v-model="model.companyName" :max-length="36" placeholder="请输入所属公司名称" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="所属团队部门名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="teamDept">
              <a-input :disabled="formDisabled" v-model="model.teamDept" :max-length="36" placeholder="请输入所属团队部门名称" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="所属团队岗位" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="teamPost">
              <a-input :disabled="formDisabled" v-model="model.teamPost" :max-length="36" placeholder="请输入所属团队岗位" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="入职时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="entryTime">
              <a-input :disabled="formDisabled" v-model="model.entryTime" :max-length="36" placeholder="请输入入职时间" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="转正时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="positiveTime">
              <a-input :disabled="formDisabled" v-model="model.positiveTime" :max-length="36" placeholder="请输入转正时间" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="最后工作日" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lastWorkTime">
              <a-input :disabled="formDisabled" v-model="model.lastWorkTime" :max-length="36" placeholder="请输入最后工作日" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="薪级" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="salaryGrade">
              <a-input :disabled="formDisabled" v-model="model.salaryGrade" :max-length="36" placeholder="请输入薪级" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="岗位工资" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="postWage">
              <a-input-number
                :disabled="formDisabled"
                :max="999999999"
                :min="0"
                :precision="2"
                v-model="model.postWage"
                placeholder="请输入岗位工资"
                style="width: 100%" />
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </j-form-container>
  </a-spin>
</template>

<script>

  import { httpAction, getAction } from '@/api/manage'
  import { validateDuplicateValue } from '@/utils/util'
  import SelectUserByDep from '@/views/scy/components/SelectUserByDep'
  import SelectTeamInput from '@/views/scy/components/SelectTeamInput'
  import SelectCompanyInput from '@/views/scy/components/SelectCompanyInput'
  import SelectCustomerInput from '@/views/scy/components/SelectCustomerInput'
  import moment from 'moment'
  import { mapGetters } from 'vuex'

  export default {
    name: 'ErpSalaryAccountingRecordForm',
    components: {
      SelectUserByDep,
      SelectTeamInput,
      SelectCompanyInput,
      SelectCustomerInput
    },
    props: {
      // 表单禁用
      disabled: {
        type: Boolean,
        default: false,
        required: false
      }
    },
    data () {
      return {
        model: {
         },
        labelCol: {
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 24 }
        },
        confirmLoading: false,
        validatorRules: {
        },
        url: {
          add: '/api/erp/salacct/erpSalaryAccountingRecord/add',
          edit: '/api/erp/salacct/erpSalaryAccountingRecord/edit',
          queryById: '/api/erp/salacct/erpSalaryAccountingRecord/queryById'
        }
      }
    },
    computed: {
      formDisabled() {
        return this.disabled
      }
    },
    created () {
       // 备份model原始值
      this.modelDefault = JSON.parse(JSON.stringify(this.model));
    },
    methods: {
      ...mapGetters(['userInfo']),
      add () {
        this.edit(this.modelDefault);
      },
      edit (record) {
        this.$refs.form.resetFields();
        this.model = Object.assign({}, record);
        this.visible = true;
      },
      submitForm () {
        const that = this;
        // 触发表单验证
        this.$refs.form.validate(valid => {
          if (valid) {
            that.confirmLoading = true;
            let httpurl = '';
            let method = '';
            if (!this.model.id) {
              httpurl += this.url.add;
              method = 'post';
            } else {
              httpurl += this.url.edit;
               method = 'put';
            }
            httpAction(httpurl, this.model, method).then((res) => {
              if (res.success) {
                that.$message.success(res.message);
                that.$emit('ok');
              } else {
                that.$message.warning(res.message);
                that.$emit('unButtonDisable');
              }
            }).catch((error) => {
               that.$emit('unButtonDisable');
             }).finally(() => {
               that.confirmLoading = false;
             })
          } else {
           that.$emit('unButtonDisable');
          }
        })
      }
    }
  }
</script>
